<template>
	<view class="start_content">
		<image src="../../static/image/start_bg.png" class="start_bg"></image>
		<image :src="i18n.start_bg1" :style="i18n.start_bg1style"></image>
		<view class="lang">
			<image
			@tap="start"
			 :src="i18n.start_bg2" 
			 class="bottomimg" :style="i18n.bottomimgheight"></image>
		</view>
	</view>
</template>

<script>
	export default{
		computed: {
			i18n() {
				return this.$t('user')
			}
		},
		data(){
			return{
				lg:""
			}
		},
		onLoad(options) {
			this.lg=options.lg
		},
		methods:{
			start(){
				this.$CommonJS.navigateTo('../index/home')
			}
		}
	}
</script>

<style lang="stylus">
	page
		width 100%
		height 100%
		background linear-gradient(180deg, #020102 0%, #191930 100%)
	.start_content
		width 100%
		height 100%
		position relative
		
	.start_bg
		width 100%
		height 1014upx
		position absolute
		left 50%
		top 50%
		transform  translate(-50%,-50%)
		z-index 2
	
	.entry_title
		width 449upx
		height 33upx
		position absolute
		left 50%
		top 21%
		transform translate(-50%,-21%)
	.entry_title_en
		width 370upx
		height 141upx
		position absolute
		left 50%
		top 17%
		transform translate(-50%,-17%)
	.lang
		width 100%
		height 60upx
		position absolute
		left 0
		top 75%
		transform translateY(-75%)
		z-index 3
		display flex
		flex-direction row
		justify-content center
		align-items center
		
	.startImg
		width 206upx
		height 71upx
		
	.startImg_en
		width 296upx
		height 71upx
	
	.img
		width 350upx
		height 122upx
		margin-top 35%
		margin-left 210upx
		
	.bottomimg
		width 256upx
		height 61upx
		margin-top 10%
		margin-left 45upx

</style>
